<!DOCTYPE html>
<html lang="en">
<head>    
    <meta charset="utf-8">
    <meta name="renderer" product="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" product="IE=edge,chrome=1">
    <meta name="viewport" product="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="Cache-Control" product="no-siteapp">
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../../lib/respond.min.js?rev=@@hash"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="../../../lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/style-q.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/Project.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="../../../lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../../ht-css/style-q.css" />
    <title>分单配置</title>
    <style>
        body,html{
            background: #fff;
            height: 500px;
        }
        .red_icon{
            color: red;
            margin-right: 5px;
        }

         /*滑动按钮开关css样式*/
         .switchbtn{
            width: 100px;           
        }
        .btn_fath{          
            position: relative;
            border-radius: 20px;
            width:60px;
            height: 27px;           
        }

        .btn1{
            float: left;
        }

        .btn2{
            float: right;
        }
        .btnSwitch{
            height: 32px;
            width: 30px;
            border:none;
            color: #fff;
            line-height: 28px;
            font-size: 12px;
            text-align: center;
            z-index: 1;           
          
        }

        .move{
            z-index: 100;
            width: 32px;
            border-radius: 20px;
            height: 26px;
            position: absolute;
            cursor: pointer;
            border: 1px solid #828282;
            background-color: #f1eff0;
            box-shadow: 1px 2px 2px 1px #fff inset,0 0 5px 1px #999;
        }
        .on .move{
            left: 29px;
        }       
        .off.btn_fath{
            background-color: #828282;
        }
        .on.btn_fath{
            background-color: #5281cd;
        }
        .order_set{
            margin-top:20px;
        }
        .order_set .step_1{
            width:600px;
            background: #eee;
            height: 80px;
            padding: 20px;
            margin-top:20px;
            text-align: center;
        }  
        
        .check-box, .radio-box{
            padding-left: 0;
        }

        .sub_reson{
            width: 637px;         
            background: #eee;
            margin-top: 20px;          
            border: 1px solid #ccc;
            line-height: 30px;
        }

        .sub_reson span{
            border-right: 1px solid #ccc;
            display:inline-block;          
            margin-right: 20px;
            width:110px;
            text-align: right;
            padding-right: 15px;
        }
        .sub_reson .sub_div{
            border-top: 1px solid #ccc;
        }
        .auto_level_1,auto_level_2 .peo_level_1,.peo_level_1{
            display: none;
        }

        .auto_cont{
            width:260px;
            margin:20px;
        }
        .auto_cont p {
            text-align: left;
        }
        .del_radio{
            margin-left: 20px;
            cursor: pointer;
        }

    </style>
</head>
<body>
    <article class="page-container">           
        <div class="form form-horizontal">
            <div class="row cl">
                <label class="form-label col-sm-2"><em class="red_icon">*</em>渠道：</label>
                <div class="formControls col-sm-9">
                    <span class="select-box size-M radius col-xs-8 w-280" style="background: #fff;width:640px">
                    <select class="select radius" name="channelId" size="1" id="channelObj" >
                        <option value="0">请选择渠道</option>                      
                    </select>
                    </span>
                </div>
            </div> 
            
            <div class="row cl order_set">
                <label class="form-label col-sm-2" for="title"><em class="red_icon">*</em>自动分单：</label>
                <div class="formControls col-sm-9">
                    <div class="switchbtn"> <div class="btn_fath clearfix off" data-type="isAuto"> <div class="move" data-state="off"></div> <div class="btnSwitch btn1">开</div> <div class="btnSwitch btn2 ">关</div> </div> </div>
               
                    <div class="step_1 auto_step_1">
                        <p>开启自动分单后，开放平台系统会自动分配订单给服务商</p>
                        <p><a id="autoRule">自动分配订单规则</a></p>
                    </div> 
                </div>
            </div>

            <div class="row cl order_set auto_level_1">
                <label class="form-label col-sm-2" for="title"><em class="red_icon">*</em>自动分单条件：</label>
                <div class="formControls col-sm-9">
                   <div class="level_ele_1">
                        <div class="radio-box">
                            <input type="radio" id="radio1" name="autoSplitMainCondition" value="10" data-tt="auto" checked>
                            <label for="radio1">所有订单均可自动分单</label>
                        </div>
                        <div class="radio-box">
                            <input type="radio" id="radio2" name="autoSplitMainCondition"  value="20" data-tt="auto">
                            <label for="radio2">订单满足指定条件时，才能自动分单</label>
                        </div>
                   </div>
                   <div class="sub_reson auto_level_2">
                        <span>下单客户</span>
                        <div class="radio-box">
                            <input type="radio" id="radio3" name="autoSplitBuyerCondition" value="10">
                            <label for="radio3">服务商的备案客户</label>
                        </div>
                        <div class="radio-box">
                            <input type="radio" id="radio4" name="autoSplitBuyerCondition" value="20">
                            <label for="radio4">非服务商的备案客户</label>
                        </div>
                        <div class="radio-box">
                            <a class="del_radio">清除</a>
                        </div>
                   </div>
                </div>
            </div>
           

            <div class="row cl order_set">
                <label class="form-label col-sm-2" for="title"><em class="red_icon">*</em>人工分单：</label>
                <div class="formControls col-sm-9">
                    <div class="switchbtn"> <div class="btn_fath clearfix off" data-type="isPeople"> <div class="move" data-state="off"></div> <div class="btnSwitch btn1">开</div> <div class="btnSwitch btn2 ">关</div> </div> </div>
               
                    <div class="step_1 peo_step_1">
                        <p>开启人工分单后，开放平台订单详情页会显示“分单”按钮，允许人工分配订单给服务商</p>
                        <p>若同时开启自动分单和人工分单，则会先自动分单，并对自动分给我司的订单支持再次人工分单</p>
                    </div>
                </div>
            </div>  
            
            <div class="row cl order_set peo_level_1">
                    <label class="form-label col-sm-2" for="title"><em class="red_icon">*</em>人工分单条件：</label>
                    <div class="formControls col-sm-9">
                       <div class="level_ele_1">
                            <div class="radio-box">
                                <input type="radio" id="radio5" name="manualAssignMainCondition" value="10" data-tt="people" checked>
                                <label for="radio5">所有订单均可人工分单</label>
                            </div>
                            <div class="radio-box">
                                <input type="radio" id="radio6" name="manualAssignMainCondition" value="20" data-tt="people">
                                <label for="radio6">订单满足指定条件时，才能人工分单</label>
                            </div>
                       </div>
                       <div class="sub_reson peo_level_2">
                           <div>
                                <span>下单客户</span>
                                <div class="radio-box">
                                    <input type="radio" id="radio7" name="manualAssignBuyerCondition" value="10">
                                    <label for="radio7">服务商的备案客户</label>
                                </div>
                                <div class="radio-box">
                                    <input type="radio" id="radio8" name="manualAssignBuyerCondition" value="20">
                                    <label for="radio8">非服务商的备案客户</label>
                                </div>
                                <div class="radio-box">
                                    <a class="del_radio">清除</a>
                                </div>
                           </div>
                           <div class="sub_div">
                                <span>订单商品类型</span>
                                <div class="radio-box">
                                    <input type="radio" id="radio9" name="manualAssignProductCondition" value="10">
                                    <label for="radio9">服务商商品</label>
                                </div>
                                <div class="radio-box">
                                    <input type="radio" id="radio10" name="manualAssignProductCondition" value="20">
                                    <label for="radio10">包含服务商商品</label>
                                </div>
                                <div class="radio-box">
                                    <a class="del_radio">清除</a>
                                </div>
                           </div>
                           
                       </div>
                </div>
            </div>         
            
            <div class="row cl order_set peo_level_1">
                <label class="form-label col-sm-2" for="title"><em class="red_icon">*</em>可分配服务商：</label>
                <div class="formControls col-sm-9">
                    <div class="check-box">
                        <input type="checkbox" id="checkbox1" value="10" data-val="10" name="manualAssignProviderRange">
                        <label for="checkbox2">订单商品所属服务商</label>
                    </div>
                    <div class="check-box">
                        <input type="checkbox" id="checkbox2" value="20" data-val="20" name="manualAssignProviderRange">
                        <label for="checkbox2">下单客户的备案服务商</label>
                    </div>
                    <div class="check-box">
                        <input type="checkbox" id="checkbox3" value="30" data-val="30" name="manualAssignProviderRange">
                        <label for="checkbox3">订单收货地址在服务区域内的服务商</label>
                    </div>                  
                </div>
            </div> 
           
            <div class="text-c pt-30"><a id="submitConfig" class="btn btn-secondary radius size-L">提交</a><a id="cancelConfig" class="btn radius size-L ml-10">取消</a></div>
        </div>

        <div class="auto_rule_ct" style="display:none;">
            <div class="auto_cont">
                <h6>专项服务商</h6>
                <p>当客户购买了专项服务商商品，若该客户为服务商的备案客户，则订单分给服务商，否则分给我司</p>
                <h6>赋能服务商</h6>
                <p>当客户购买了赋能服务商商品，若收货地址在商品销售区域范围内，则订单分配给服务商，否则分给我司</p>
            </div>
        </div>
    </article>
   <!--_footer 作为公共模版分离出去-->
    <script type="text/javascript" src="../../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../../lib/layer/2.4/layer.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script>
    <!--/_footer 作为公共模版分离出去-->
    <script src="../../../ht-js/public.js?rev=@@hash"></script>
    <script src="../../../ht-js/serviceProvider/systemConfiguration/orderSetting.js?rev=@@hash"></script>
   
</body>
</html>